{{Extend "layout"}}
{{Block "title"}}{{"数据导出"|T}}{{/Block}}
{{Block "breadcrumb"}}
{{Super}}
<li class="active">{{"数据导出"|T}}</li>
{{/Block}}
{{Block "main"}}
<div class="row">
	<div class="col-md-12">
		<div class="block-flat">
			<div class="header">
				<div class="pull-right" style="margin-left:10px">
					<form class="form-horizontal" action="" id="search-form" method="GET">
						<div class="input-group">
							<span class="input-group-addon">{{"分组"|T}}</span>
							<select name="groupId" class="form-control" id="groupId" onchange="$('#search-form').submit()">
								<option value="0"> - {{"不限"|T}} - </option>
								{{$groupId := Stored.groupId}} 
								{{range $k, $v := Stored.groupList}}
								<option value="{{$v.Id}}" {{if eq $groupId $v.Id}} selected{{end}}>{{$v.Name}}</option>
								{{end}}
							</select>
						</div>
					</form>
				</div>
				<a href="__BACKEND__/collector/export_add" class="btn btn-success pull-right">
					<i class="fa fa-plus"></i>
					{{"添加规则"|T}}
				</a>							
				<h3>{{"数据导出"|T}}</h3>
			</div>
			<div class="content">
				<div class="table-responsive">
				<table class="table no-border hover">
					<thead class="no-border">
						<tr>
							<th style="width:70px"><strong>ID</strong></th>
							<th style="width:70px"><strong>{{"页面ID"|T}}</strong></th>
							<th><strong>{{"目标类型"|T}}</strong></th>
							<th><strong>{{"目标值"|T}}</strong></th>
							<th><strong>{{"创建时间"|T}}</strong></th>
							<th><strong>{{"导出时间"|T}}</strong></th>
							<th style="width:80px;">
								<strong>{{"启用状态"|T}}</strong>
							</th>
							<th style="width:130px" class="text-center"><strong>{{"操作"|T}}</strong></th>
						</tr>
					</thead>
					<tbody class="no-border-y">
                        {{range $k,$v := Stored.listData}}
						<tr>
							<td>{{$v.Id}}</td>
							<td>{{$v.PageId}}</td>
							<td>{{$v.DestType}}</td>
							<td>{{$v.Dest}}</td>
							<td>{{(Date $v.Created).Format "2006-01-02 15:04:05"}}</td>
							<td>{{if gt $v.Exported 0}}{{(Date $v.Exported).Format "2006-01-02 15:04:05"}}{{end}}</td>
							<td>
								<div class="checkbox checkbox-success no-margin-y">
									<input id="checkbox-{{$k}}" class="styled switch-disabled" type="checkbox" data-id="{{$v.Id}}" data-disabled="{{$v.Disabled}}"{{if eq $v.Disabled "N"}} checked="checked"{{end}} value="N" /><label for="checkbox-{{$k}}">{{"启用"|T}}</label>
								</div>
							</td>
							<td class="text-center">
							<a class="label label-default" href="__BACKEND__/collector/export_add?copyId={{$v.Id}}" data-toggle="tooltip" title="{{"复制"|T}}"><i class="fa fa-copy"></i></a>
							<a class="label label-primary" data-toggle="tooltip" title="{{"日志"|T}}" href="__BACKEND__/collector/export_log?exportId={{$v.Id}}"><i class="fa fa-comments-o"></i></a>
							<a class="label label-success" href="__BACKEND__/collector/export_edit?id={{$v.Id}}" data-toggle="tooltip" title="{{"修改"|T}}"><i class="fa fa-pencil"></i></a> 
							<a class="label label-danger" href="__BACKEND__/collector/export_delete?id={{$v.Id}}" onclick="return confirm('{{"真的要删除吗？"|T}}');" data-toggle="tooltip" title="{{"删除"|T}}"><i class="fa fa-times"></i></a>
							</td>
						</tr>
                        {{end}}
					</tbody>
				</table>		
				</div>
				{{Stored.pagination.Render}}
			</div>
		</div>				
	</div>
</div>
{{/Block}}
{{Block "footer"}}
<script>
$(function(){
	$('input.switch-disabled').on('click',function(r){
		var that=$(this),disabled=that.data('disabled')=='Y'?'N':'Y';
		$.get(BACKEND_URL+'/collector/export_edit_status',{
			disabled:disabled,
			id:that.data('id')
		},function(r){
			if(r.Code==1){
				that.data('disabled',disabled);
				that.prop('checked',disabled=='N');
			}
			App.message({title:'{{"系统消息"|T}}',text:r.Info,time:5000,sticky:false,class_name:r.Code==1?'success':'error'});
		},'json');
	});
});
</script>
{{/Block}}